<!DOCTYPE html>
<html lang="CN">

<head>
    <meta charset="UTF-8">
    <title>千图网</title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!--顶端-->
    <div class="top">
        <nav class="main">
            <div>
                <a href="" id="topColor">QQ交谈</a>
                <a href="" id="topColor">官方QQ群</a>
                <a href="">常见问题</a>
            </div>
            <div>
                <a href=""><img src="img/money.png" alt=""> 点我赚钱</a>
                <a href="">注册</a>
                <a href="">登录</a>
                <a href="" id="topColor">QQ登录</a>
                <a href="" id="topColor">微信登录</a>
            </div>
        </nav>
    </div>

    <!--导航栏-->
    <nav class="daohang">
        <nav class="main">
            <a href=""><img src="img/logo.png" alt=""></a>
            <ul>
                <li><a href="" class="borBtm">首页</a></li>
                <li><a href="">原创设计</a></li>
                <li><a href="">广告设计</a></li>
                <li><a href="">淘宝设计</a></li>
                <li><a href="">素材分类</a></li>
                <li><a href="">千图灵感</a></li>
                <li><a href="">设计工具</a></li>
                <li><a href="">活动</a></li>
                <li><a href="">VIP特权</a></li>
            </ul>
        </nav>
    </nav>

    <!--搜索-->
    <div class="search">
        <div class="main">
            <h1>专注免费设计素材网站</h1>
            <input type="text" name="" id="" placeholder="800万张免费设计素材免费下载"><input type="button" value="搜全站"><input type="button"value="搜原创">
        </div>
    </div>

    <!--主要内容-->
    <section id="center">
        <section class="main">
            <!--轮播横幅-->
            <header id="outer">
                <ul>
                    <li class="active"><img src="img/head_01.jpg" alt=""></li>
                    <li><img src="img/head_02.jpg" alt=""></li>
                    <li><img src="img/head_03.jpg" alt=""></li>
                    <li><img src="img/head_04.jpg" alt=""></li>
                    <li><img src="img/head_05.jpg" alt=""></li>
                    <li><img src="img/head_06.jpg" alt=""></li>
                    <li><img src="img/head_07.jpg" alt=""></li>
                    <li><img src="img/head_08.jpg" alt=""></li>
                </ul>
            </header>

            <!--菜单栏-->
            <div class="menu">
                <a href="">原创VIP专区</a>
                <a href="">平面/广告</a>
                <a href="">淘宝设计</a>
                <a href="">室内设计</a>
                <a href="">网页/UI设计</a>
                <a href="">影视/媒体</a>
                <a href="">服装设计</a>
            </div>

            <!--内容分类导航-->
            <div class="navMain">
                <div>
                    <nav>
                        <ul>
                            <li><a href="">热门</a></li>
                            <li><a href="">用途</a></li>
                            <li><a href="">背景</a></li>
                            <li><a href="">元素</a></li>
                        </ul>
                    </nav>
                    <main>
                        <div>
                            <a href="">背景</a>
                            <a href="">元宵节</a>
                            <a href="" class="red">新年</a>
                            <a href="">招聘</a>
                        </div>
                        <div>
                            <a href="">ppt</a>
                            <a href="">名片</a>
                            <a href="">图标</a>
                            <a href="">个人简历</a>
                        </div>
                        <div>
                            <a href="">招聘海报</a>
                            <a href="">底纹</a>
                            <a href="">主图</a>
                            <a href="" class="red">情人节海报</a>
                        </div>
                        <div>
                            <a href="" class="red">春节</a>
                            <a href="">LOGO</a>
                            <a href="">鸡年大吉</a>
                            <a href="">底纹</a>
                        </div>
                        <div>
                            <a href="">企业文化</a>
                            <a href="" class="red">开门红</a>
                            <a href="">画册</a>
                            <a href="">蓝色背景</a>
                        </div>
                        <div>
                            <a href="">科技</a>
                            <a href="">边框</a>
                            <a href="">婚礼</a>
                            <a href="" class="red">新年快乐</a>
                        </div>
                    </main>
                </div>
                <div>
                    <div class="ggao">
                        <nav>
                            <a href="">站内公告</a>
                            <a href="">QQ群联盟</a>
                            <a href="">媒体报道</a>
                            <a href="">用户评价</a>
                        </nav>
                        <div>
                            <span>2017年春节放假通知</span><span>01-17</span>
                        </div>
                        <div>
                            <span>【福利】鸡年送祝福 会员免费送</span><span>01-15</span>
                        </div>
                    </div>
                    <div class="dls">
                        <div><span>设计师：2,456万人</span><span>占全国：81%</span></div>
                        <div><span>素材总数：838万张</span><span>一周新增：186,876张</span></div>
                        <div><span>总下载数：74,219万张</span><span>昨日下载：334,487张</span></div>
                    </div>
                </div>
            </div>

            <!--图标栏-->
            <div class="icon">
                <a href=""><img src="img/icon_sc.png" alt=""><span>开发手册</span></a>
                <a href=""><img src="img/icon_ui.png" alt=""><span>UI图标库</span></a>
                <a href=""><img src="img/icon_tb.png" alt=""><span>淘宝工具</span></a>
                <a href=""><img src="img/icon_pc.png" alt=""><span>配色工具</span></a>
                <a href=""><img src="img/icon_web.png" alt=""><span>网页工具</span></a>
                <a href=""><img src="img/icon_ic.png" alt=""><span>图标宝</span></a>
                <a href=""><img src="img/icon_hc.png" alt=""><span>图册宝</span></a>
                <a href=""><img src="img/icon_sf.png" alt=""><span>在线书法</span></a>
                <a href=""><img src="img/icon_px.png" alt=""><span>电商培训</span></a>
                <a href=""><img src="img/icon_dp.png" alt=""><span>店铺装修代码</span></a>
                <span><a href="">更多设计工具</a></span>
            </div>

            <!--热门专题-->
            <div class="">
                <div class="zhuanti">
                    <h3>热门专题</h3><a href="">更多&gt;</a></div>
                <div class="remen">
                    <a href="">
                        <div><img src="img/remen_01.jpg" alt=""></div><span>喜庆元素背景集</span></a>
                    <a href="">
                        <div><img src="img/remen_02.jpg" alt=""></div><span>小年海报专辑</span></a>
                    <a href="">
                        <div><img src="img/remen_03.jpg" alt=""></div><span>千图祝你集五福</span></a>
                    <a href="">
                        <div><img src="img/remen_04.jpg" alt=""></div><span>扁平化工作场景</span></a>
                    <a href="">
                        <div><img src="img/remen_05.jpg" alt=""></div><span>文化墙设计</span></a>
                </div>
            </div>

            <!--底部信息栏-->
            <div class="info">
                <div>
                    <a href="">友情链接</a>
                    <a href="">新素材</a>
                    <a href="">新搜索</a>
                    <a href="">热门素材</a>
                    <a href="">热门ppt素材</a>
                    <a href="">热门淘宝素材</a>
                    <a href="">热门装饰素材</a>
                    <a href="">热门专题</a>
                    <a href="">搜索地图</a>
                </div>
                <div>
                    <a href="">千图样机</a>
                    <a href="">我图网</a>
                    <a href="">90设计</a>
                    <a href="">摄图网</a>
                    <a href="">微信公众平台</a>
                    <a href="">图片之家</a>
                    <a href="">UI图标库</a>
                    <a href="">背景图片</a>
                    <a href="">精品素材</a>
                    <a href="">千广网</a>
                    <a href="">折800官网</a>
                    <a href="">深圳地图</a>
                    <a href="">背景墙</a>
                    <a href="">找工作</a>
                    <a href="">PPT模板</a>
                    <a href="">爱奇艺广告</a>
                    <a href="">装修咨询</a>
                    <a href="">视频素材</a>
                    <a href="">天气预报查询</a>
                    <a href="">包图网</a>
                    <a href="">123网址之家</a>
                    <a href="">壁纸</a>
                    <a href="">QQ头像</a>
                    <a href="">电脑壁纸</a>
                    <a href="">淮安新闻网</a>
                    <a href="">山东门户</a>
                    <a href="">经典语录</a>
                    <a href="">qq个性签名</a>
                    <a href="">PS教程网</a>
                    <a href="">我图素材下载</a>
                    <a href="">比克尔下载</a>
                    <a href="">图片大全</a>
                    <a href="">老男人</a>
                    <a href="">壁纸</a>
                    <a href="">小清新图片</a>
                    <a href="">男士时尚</a>
                    <a href="">QQ个性签名</a>
                    <a href="">QQ分组</a>
                    <a href="">奶茶图片</a>
                    <a href="">创意图案</a>
                    <a href="">更多&gt;&gt;</a>
                    <a href="">友情链接请联系QQ：2474320177</a>
                    <a href="">要求：PR≥4，百度权重≥7</a>
                </div>
            </div>

        </section>
    </section>

    <!--底部黑背景信息栏-->
    <footer class="footer">
        <div class="main">
            <div>
                <div class="footerInfo">
                    <a href="">官方微博</a>
                    <a href="">常见问题</a>
                    <a href="">版权声明</a>
                    <a href="">商务合作</a>
                    <a href="">售后服务</a>
                    <a href="">新素材</a>
                    <a href="">图片下载</a>
                    <a href="">素材专题</a>
                    <a href="">千图导航</a>
                    <a href="">企业QQ交谈</a>
                    <a href="">客服电话：400-998-7011</a>
                </div>
                <div class="footerDI">
                    千图网素材为用户免费分享产生，若发现您的权利被侵害，请联系tousu@58pic.com ，我们尽快处理
                </div>
                <div class="footerDI">
                    Copyright © 2015
                    <a href="" class="qiantu">千图网</a> 沪ICP备10011451号-6 用时：0.0173 0.548 秒
                    <a href=""><img src="img/ghs.png" alt=""></a>
                    上海工商
                </div>
            </div>
            <div>
                <img src="img/qiantu.png" alt="">
            </div>
        </div>
    </footer>
</body>

</html>
<script src="js/index.js"></script>